﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="../../fly-comment.js" type="text/javascript"></script>
    <script src="../../fly.ui.js" type="text/javascript"></script>
    <script src="../../plugins/grid/grid.js" type="text/javascript"></script>
    <link href="../../Plugins/themes/grid.css" rel="stylesheet" type="text/css" />
    <script>
        $(function () {

            var store = new $.data.Store(
            {
                proxy: new $.data.HttpProxy({
                    url: "treeGridData.aspx",
                    jsonEncode:false
                }),
                reader: new $.data.JsonReader(
            	{
            	    id: 'id'
            	}, ["name","sex",{name: "age",type:"int"}]),
                remoteSort: true
            });

            var rs = store.load()

            var panel = new $.ui.grid.GridPanel({
                id: 'panel',
                store: store,
                height: 400,
                plugins: new $.ui.grid.TreeGridPlugin({
                    sm: {
                        parentCascade: true,
                        childCascade: true
                    }
                }),
                columns: ["name","sex", "age"]
            })

            panel.render(document.body)
        })
    </script>
</head>
<body>
   


</body>
</html>
